<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>药房网商城</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 顶部公共区域 -->
    <div class="topBox"></div>
    <div class="headerBox"></div>

    <!-- 导航栏区域 -->
    <div class="navBox"></div>

    <!-- 轮播图 -->
    <div class="banner">
        <div class="w">
            <div class="banner_img">
                <div class="ban_img">

                </div>
                <div class="btn_left"></div>
                <div class="btn_right"></div>
            </div>
            <div class="banner_right">
                <div> <a href=""><img src="./images/index/sjrz.png" alt=""></a></div>
                <div>
                    <a href=""><img src="./images/index/sjrz-2.png" alt=""></a>
                    <a href=""><img src="./images/index/sjrz-3.jpg" alt=""></a>
                </div>

            </div>
        </div>
    </div>

    <!-- 主体部分 -->
    <div class="content w">
        <!-- 限时购 -->
        <div class="xsg">
            <h2><i></i>限时购</h2>
            <div class="cont xsg_cont">
                <ul>
                    <!-- <li>
                        <a href="">
                            <div>
                                <img src="./images/index/more19.jpg" alt="">
                            </div>
                            <h3>硫酸氢氯吡格雷片</h3>
                            <div class="cont_spec">75mgx7片x4板/盒</div>
                            <div class="cont_pri">￥67.00</div>
                        </a>
                    </li> -->
                </ul>
            </div>
        </div>
        <!-- 在线问诊 -->
        <div class="zxwz">
            <div class="zxwz_header clearfix">
                <h2><i></i><span>在线问诊</span></h2>
                <p>极速问诊 > 在线开方 > 送药到家</p>
                <ul class="nav_title ">
                    <li class="nav_change" zxwz="internist"><a href="">内科</a></li>
                    <li class="" zxwz="surgeon"><a href="">外科</a></li>
                    <li zxwz="accoucheur"><a href="">妇产科</a></li>
                    <li zxwz="traditional"><a href="">中医科</a></li>
                    <li zxwz="dermatologist"><a href="">皮肤科</a></li>
                    <li zxwz="alienist"><a href="">精神科</a></li>
                </ul>
            </div>
            <div class="zxwz_cont">
                <div>
                    <ul class="zc_left">
                        <!-- <li>
                            <a href="">
                                <div class="zc_img"><img src="./images/index/lhy.jpg" alt=""></div>
                                <div class="zc_name">
                                    <span>李慧颖</span>
                                    <span>主治医师</span>
                                </div>
                                <div class="zc_site">
                                    <span>天津市海河医院</span>
                                    <span>内科</span>
                                </div>
                                <div class="zc_garde">
                                    <span>评分<b>4</b></span>
                                    <span>接诊量<b>119</b></span>
                                </div>
                                <p>内分泌专业毕业，对于糖尿病，妊娠糖尿病，甲状腺功能亢进症，甲状腺功能减退症，桥本氏甲状腺炎，妊娠甲亢等内分泌疾病有丰富的临床经验</p>
                                <div class="zc_price clearfix">
                                    <div class="zp_left">
                                        <div class="zp_left_1">视频问诊</div>
                                        <div class="zp_left_2">￥20.00</div>
                                    </div>
                                    <div class="zp_left">
                                        <div class="zp_left_1">图文问诊</div>
                                        <div class="zp_left_2">￥8.00</div>
                                    </div>
                                </div>
                                <div class="zc_bottom">去问诊</div>
                            </a></li> -->
                    </ul>
                </div>


                <div class="zc_right">
                    <div class="zr">
                        <div>
                            <img src="./images/index/design.png" alt="">
                        </div>
                        <a href="">更多医生 ></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="product">
            <!-- 中西药品 -->
            <div class="zxyp content_public">
                <div class="p_header">
                    <div class="p_name">
                        <span><b>1</b><b>F</b></span>
                        <h2>中西药品</h2>
                    </div>
                    <ul class="p_nav" my_name="1f">
                        <li class="pn_change"><a href="" my_title="product" my_name="family">家庭常用</a></li>
                        <li><a href="" my_title="product" my_name="stomach">肠胃用药</a></li>
                        <li><a href="" my_title="product" my_name="heart">心脑血管</a></li>
                        <li><a href="" my_title="product" my_name="gynecology">妇科用药</a></li>
                        <li><a href="" my_title="product" my_name="breathe">皮肤科药</a></li>
                        <li><a href="" my_title="product" my_name="skin">呼吸系统</a></li>
                        <li><a href="" my_title="product" my_name="nerve">神经系统</a></li>
                    </ul>
                </div>
                <div class="p_content">
                    <div class="pc_left">
                        <div class="pl_banner">
                            <a href="">
                                <img src="./images/index/zxyp-banner-1.jpg" alt="">
                            </a>
                        </div>
                        <ul class="pl_img" my_name="zxyp">
                            <li><a href=""><img src="./images/index/zxyp-logo-1.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-2.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-3.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-4.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-5.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-6.png" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="pc_right">
                        <ul class="pr_title cont_change" my_title="zxyp">

                        </ul>
                    </div>
                </div>
            </div>
            <!-- 养生保健 -->
            <div class="ysbj content_public">
                <div class="p_header">
                    <div class="p_name">
                        <span><b>2</b><b>F</b></span>
                        <h2>养生保健</h2>
                    </div>
                    <ul class="p_nav">

                    </ul>
                </div>
                <div class="p_content">
                    <div class="pc_left">
                        <div class="pl_banner">
                            <a href="">
                                <img src="./images/index/ysbj-banner-1.jpg" alt="">
                            </a>
                        </div>
                        <ul class="pl_img" my_name="ysbj">
                            <li><a href=""><img src="./images/index/zxyp-logo-1.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-2.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-3.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-4.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-5.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-6.png" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="pc_right">
                        <ul class="pr_title cont_change" my_title="ysbj">

                        </ul>
                    </div>
                </div>
            </div>
            <!-- 医疗器械 -->
            <div class="ylqx content_public">
                <div class="p_header">
                    <div class="p_name">
                        <span><b>3</b><b>F</b></span>
                        <h2>医疗器械</h2>
                    </div>
                    <ul class="p_nav" my_name="3f">
                        <li class="pn_change"><a href="" my_title="product" my_name="famliy">家庭常备</a></li>
                        <li><a href="" my_title="product" my_name="detection">检测设备</a></li>
                        <li><a href="" my_title="product" my_name="recovery">康复理疗</a></li>
                        <li><a href="" my_title="product" my_name="medical">医疗用品</a></li>
                        <li><a href="" my_title="product" my_name="external">外用贴膏</a></li>
                    </ul>
                </div>
                <div class="p_content">
                    <div class="pc_left">
                        <div class="pl_banner">
                            <a href="">
                                <img src="./images/index/ylqx-banner-1.jpg" alt="">
                            </a>
                        </div>
                        <ul class="pl_img" my_name="ylqx">
                            <li><a href=""><img src="./images/index/zxyp-logo-1.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-2.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-3.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-4.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-5.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-6.png" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="pc_right">
                        <ul class="pr_title cont_change" my_title="ylqx">

                        </ul>
                    </div>
                </div>
            </div>
            <!-- 中药饮品 -->
            <div class="zyyp content_public">
                <div class="p_header">
                    <div class="p_name">
                        <span><b>4</b><b>F</b></span>
                        <h2>中药饮品</h2>
                    </div>
                    <ul class="p_nav" my_name="4f">
                        <li class="pn_change"><a href="" my_title="product" my_name="rare">名贵药材</a></li>
                        <li><a href="" my_title="product" my_name="material">中药材</a></li>
                        <li><a href="" my_title="product" my_name="powder">中药粉末</a></li>
                        <li><a href="" my_title="product" my_name="tea">茶</a></li>
                    </ul>
                </div>
                <div class="p_content">
                    <div class="pc_left">
                        <div class="pl_banner">
                            <a href="">
                                <img src="./images/index/zyyp-banner-1.jpg" alt="">
                            </a>
                        </div>
                        <ul class="pl_img" my_name="zyyp">
                            <li><a href=""><img src="./images/index/zxyp-logo-1.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-2.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-3.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-4.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-5.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-6.png" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="pc_right">
                        <ul class="pr_title cont_change" my_title="zyyp">

                        </ul>
                    </div>
                </div>
            </div>
            <!-- 美容护肤 -->
            <div class="mrhf content_public">
                <div class="p_header">
                    <div class="p_name">
                        <span><b>5</b><b>F</b></span>
                        <h2>美容护肤</h2>
                    </div>
                    <ul class="p_nav" my_name="5f">
                        <li class="pn_change"><a href="" my_title="product" my_name="cosm">药妆</a></li>
                        <li><a href="" my_title="product" my_name="fad">时尚彩妆</a></li>
                        <li><a href="" my_title="product" my_name="nurse">身体护理</a></li>
                    </ul>
                </div>
                <div class="p_content">
                    <div class="pc_left">
                        <div class="pl_banner">
                            <a href="">
                                <img src="./images/index/mrhf-banner-1.jpg" alt="">
                            </a>
                        </div>
                        <ul class="pl_img" my_name="mrhf">
                            <li><a href=""><img src="./images/index/zxyp-logo-1.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-2.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-3.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-4.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-5.png" alt=""></a></li>
                            <li><a href=""><img src="./images/index/zxyp-logo-6.png" alt=""></a></li>
                        </ul>
                    </div>
                    <div class="pc_right">
                        <ul class="pr_title cont_change" my_title="mrhf">

                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 更多内容 -->
        <div class="content_more">
            <h2><span>还没看够</span></h2>
            <ul class="clearfix cm_title cont_change">
                <!-- <li>
                    <a href="">
                        <img src="./images/index/family1.jpg" alt="">
                        <h3>硫酸氢氯吡格雷片</h3>
                        <div class="cm_spec">75mgx7片x4板/盒</div>
                        <div class="cm_pri">￥67.00</div>
                    </a>
                </li> -->
            </ul>
        </div>
        <!-- 新人专享 -->
        <div class="xrzx">
            <a href="">
                <img src="./images/index/xrzx.png" alt="">
                <img src="./images/index/gg.png" alt="" class="gg">
            </a>
        </div>
        <!-- 资讯 -->
        <div class="bot_lazy clearfix">
            <div class="news lazy_pub">
                <div class="news_top">
                    <h2>最新资讯</h2>
                    <a href="">更多>></a>
                </div>
                <ul class="news_bottom pub_bottom">
                    <!-- <li>
                        <a href=""><b>【妇科用药】</b>重组人干扰素α2b阴道泡腾胶囊治疗宫颈糜烂效果怎么样?</a>
                        <p>大多数女性都是存在阴道炎的，尤其是年纪越大的女性阴道炎的发病率越高，甚...</p>
                    </li> -->

                </ul>
            </div>
            <div class="read lazy_pub">
                <div class="news_top">
                    <h2>阅读排行</h2>
                    <a href="">更多>></a>
                </div>
                <ul class="read_bottom pub_bottom">
                    <!-- <li>
                        <a href=""><em>1</em><b>【呼吸系统】</b>磷酸奥司他韦胶囊价格贵吗 10粒的多少钱一盒？</a>
                        <p>磷酸奥司他韦胶囊目前市面上有一种规格，为75mgx10粒/盒，那这种规...</p>
                    </li> -->
                </ul>
            </div>
            <div class="eva lazy_pub">
                <div class="news_top">
                    <h2>最新评价</h2>
                    <a href="">更多>></a>
                </div>
                <div class="eva_box">
                    <ul class="eva_bottom">
                        <li class="clearfix">
                            <div class="eva_left">
                                <img src="./images/index/touxiang1.png" alt="">
                                <p class="eva_id">m***6</p>
                            </div>
                            <div class="eva_right">各方面都一般</div>
                        </li>
                    </ul>

                </div>
            </div>
        </div>

        <!-- 友情链接 -->
        <div class="links">
            <ul class="links_header">
                <li class="lh_change">友情链接</li>
                <li>热门商品</li>
                <li>热门品牌</li>
            </ul>
            <div class="links_friend lf1">
            </div>
            <div class="links_friend lf2">
            </div>
            <div class="links_friend lf3">
            </div>
        </div>

        <!-- 楼层跳转 -->
        <ul class="floor">
            <li class="floor_change"><i></i><span>中西药品</span></li>
            <li><i></i><span>养生保健</span></li>
            <li><i></i><span>医疗器械</span></li>
            <li><i></i><span>中药饮片</span></li>
            <li><i></i><span>美容护肤</span></li>
        </ul>

        <!-- 回到顶部 -->
        <div class="back">
            <div></div>
        </div>
    </div>

    <!-- 底部区域 -->
    <div class="footerBox"></div>

</body>
<script src="./libs/jquery.js"></script>
<script>
    $(".topBox").load("http://localhost:3000/common.html .header_top");
    $(".headerBox").load("http://localhost:3000/common.html .header");
    $(".navBox").load("http://localhost:3000/common.html .nav")
    $(".footerBox").load("http://localhost:3000/common.html .footer")
</script>
<script src="./public/move.js"></script>
<script src="./public/public.js"></script>
<script src="./public/ajax.js"></script>
<script src="./public/jsonp.js"></script>
<script src="./js/common.js"></script>
<script src="./js/index.js"></script>

</html>